﻿.ball {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #2187e7;
	width:50px;
	height:50px;
	margin:0 auto;
	-moz-animation:spin .5s infinite linear;
	-webkit-animation:spin .5s infinite linear;
}
.ball1 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #2187e7; 
	width:30px;
	height:30px;
	margin:0 auto;
	position:relative;
	top:-50px;
	-moz-animation:spinoff .5s infinite linear;
	-webkit-animation:spinoff .5s infinite linear;
}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}






@font-face
{
    font-family: CustomScript;
    src: url("script.eot") /* EOT file for IE */;
}

@font-face
{
    font-family: CustomScript;
    src: url("script.ttf") /* TTF file for CSS3 browsers */;
}

.CustomScript2
{
    font-family: CustomScript, Arial, Helvetica, sans-serif;
    color: Red;
}

.CustomScript
{
    font-family: 'Lovers Quarrel' , cursive;
    color: Red;
    font-size: 30px;
}





.tooltip
{
    display: none;
    background: transparent url(../images/tooltip/black_arrow.png);
    font-size: 12px;
    font-family: Calibri;
    height: 70px;
    width: 140px;
    padding: 10px;
    color: #fff;
}


.headerLink
{
    cursor: pointer;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: none;
    color: navy;
}

.headerLink:hover
{
    cursor: pointer;
    font-family: Calibri;
    font-size: 12px;
    text-decoration: underline;
    color: red;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Calibri;
}

.filterHeader
{
    font-size: 12px;
    vertical-align: text-top;
    
    width:100%;
}

table.filterHeader
{
    border-collapse: collapse; 
    
}

tr.filterHeader
{
    background-color:red ;    
}

td.filterHeader
{
    background-color:red ;    
}





.bgBig
{
    background: white url(../images/login/bg14.png) repeat fixed;
}


.bgStep
{
    background-color: #f0f0f0;
}
